﻿/*
 * JS脚本
 * @Author: yanxu
 * @Date:   2016-09-08 10:22:26
 */


@charset "utf-8";



/**
 * 公共样式
 */

html,body {background: #FFF; }
html,body,p,input,button{padding:0; margin:0;}
input,button,select,textarea{outline:none;}
input,textarea{border: none;color: #000;}
input:focus,textarea:focus {outline: none;  color: #000;  }
article, aside, footer, header, main, nav, section{display:block;}
h1,h2,h3,h4,h5,h6 {padding:0; margin:0;}
html,body,input,button{padding:0; margin:0;}
ul, ol, li {list-style:none;padding:0; margin:0;}
img, fieldset {border:0;padding:0; margin:0;}
a {text-decoration:none; tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; outline:none;}
a:hover{text-decoration: none;}

html,body{ color: #bfbfbf; font-size: 13pt }



/*输入框*/
.entry{
  width: 100%;
  height: 54px;
  padding: 20px 0 0;
  border-bottom: 1px solid #ccc;
}
.entry>span{
  border-right: 1px solid #ccc;
  width: 10%;
}
.entry>input{
  font-size: 12pt;
  width: 80%;
}


/*所有页面的button*/
button {
  background-color: #31A2FF;
  border: none;
  width: 100%;
  border-radius:5px;
  color: #fff;
  height: 48px;
  font-size: 16pt
}

/*button:hover {*/
  /*background-color: #f47c20;*/
/*}*/

/*输入框结束*/


/*清浮动 BFC*/
.clear:after {
  content: "";display: block;clear: both;
}


/*弹出框*/
.btn{
  text-align: left;
  padding: 0;
  font-size: 12pt;

}

.btn-primary{
  border-color: transparent;
}

.btn-primary:active:hover{
  border-color: transparent;
}

.btn-primary:hover{
  border-color: transparent;
}
.modal-dialog{
  margin-top: 200px;
}


/*弹出框结束*/

/*弹出框结束*/



input:focus:invalid {
  background-image: url("../img/icon_invalid.png");
  background-position: right center;
  background-repeat: no-repeat
}
input:required:valid {
  background-image: url("../img/icon_valid.png");
  background-position: right center;
  background-repeat: no-repeat;
}


#box{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #F2F2F2;
}
body{
	width: 100%;
	height: 100%;
}
#maskBox{
	width: 100%;
	height: 100%;
	/*background-color: #000000;*/
	background-color: rgba(0,0,0,0.6);
	/*opacity: 0.6;*/
	position: fixed;
	top: 0px;

}
#maskBox>div{
	width: 76%;
	height: 156px;
	left: 12%;
	background-color: #FFFFFF;
	position: fixed;
	top: 36%;
	text-align: center;
}
#maskBox h3,h4{

	width: 100%;
	/*text-align: center;*/
}
#maskBox h3{
	margin-top: 20px;
	line-height: 39px;
	color: #666666;
	font-size: 20px;
}
#maskBox h4{
	line-height: 29px;
	color: #ef252b;
	font-size: 14px;
}
#maskBox button{
	width: 50%;
	height:40px;
	margin-top: 10px;
	text-align: center;
}
#maskBox1{
	width: 15px;
	height: 15px;
	position: absolute;
	top: 6%;
	right: 6%;
}
#maskBox1 img{
	width: 100%;
	height: 100%;
}
.active{
	display: none;
}
.btn-primary img {
	width: 9px;
	height: 15px;
}
.releaseMessage {
	position: absolute;
	width: 217px;
	height: 169px;
	bottom: 14px;
	left: 50%;
	z-index: 999;
	margin-left: -108px;
}
.releaseMessage img {
	width: 75px;
	height: 75px;
	position: absolute;
	cursor: pointer;
}
.releaseMessage img:nth-child(1) {
	top: 0;
	left: 0;
}
.releaseMessage img:nth-child(2) {
	top: 0;
	right: 0;
}
.releaseMessage img:nth-child(3) {
	width: 48px;
	height: 48px;
	bottom: 5px;
	left: 50%;
	margin-left: -24px;
}

.markdown {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top:0 ;
	left: 0;
	z-index: 998;
	overflow: hidden;
    background: rgba(0,0,0,.5);
}
.blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    filter: progid: DXImageTransform.Microsoft.Blur(pixelRadius=2, MakeShadow=false);
}
/* 底部导航 */
#footer-nav {
    border-top: 1px solid #ccc;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 59px;
    font-size: 12px;
    display: flex;
    z-index: 800;
    background: #fff;
}
#footer-nav   a {
    display: block;
    width: 100%;
    height: 100%;
    color: #bfbfbf;
}
#footer-nav  div {
    height: 100%;
    text-align: center;
}
#footer-nav  div:nth-child(1) {
    flex: 2;
}
#footer-nav  div:nth-child(2) {
    flex: 2;
}
#footer-nav  div:nth-child(3) {
    position: relative;
    flex: 3;
}
#footer-nav  div:nth-child(4) {
    flex: 2;
}
#footer-nav  div:nth-child(5) {
    flex: 2;
}
#footer-nav img {
    display: block;
    margin: 10px auto 5px;
    vertical-align: middle;
    width: 22px;
    height: 22px;
}
.round {
    background: #fff;
}
#footer-nav .round > div{
    border-radius: 50%;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 40px;
    width: 40px;
    height: 40px;
    margin: -5px auto 3px;
}
#footer-nav .round > div img {
    width: 100%;
    height: 100%;
    margin: 0;
}
.round::before {
    content: '';
    position: absolute;
    top: -15px;
    background: #fff;
    left: 50%;
    z-index: -1;
    margin-left: -30px;
    width: 60px;
    height: 30px;
    border: 1px solid #ccc;
    border-bottom: transparent;
    border-radius: 30px 30px 0 0 ;
}

/* 综合搜索 */
#search-header input::-webkit-input-placeholder {
    color: #9b9b9b;
    line-height: 30px;
    font-size: 14px;
}
#search-header input:-ms-input-placeholder {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 30px;
}
#search-header input:-moz-placeholder {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 30px;
}
#search-header input::-moz-placeholder {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 30px;
}
#search-header {
    width: 100%;
    height: 50px;
    background: #fff;
}
#search-header .back {
    width: 7%;
    height: 100%;
    text-align: right;
    line-height: 50px;
    float: left;
    margin-left: 3%;
    transform: rotate(180deg);
}
#search-header .back img {
    width: 11px;
    height: 22px;
}
#search-header .searchI {
    width: 90%;
    height: 100%;
    float: left;
    padding: 10px;
}
#search-header .searchI form {
    width: 100%;
    height: 100%;
    position: relative;
}
#search-header .searchI form .searchRe{
    content: '';
    position: absolute;
    right: 0;
    top: 0px;
    background: url("../img/shop/sousuo.png") no-repeat center center;
    background-size: 18px 18px;
    width: 35px;
    height: 100%;
}
#search-header .searchResoult {
    position: relative;
    z-index: 999;
    background: #fff;

}
#search-header .searchResoult li {
    border: 1px solid #ccc;
    border-bottom: none;
}
#search-header .searchI input[type="search"] {
    width: 100%;
    padding-left: 69px;
    height: 100%;
    border: 1px solid #53a2f8;
    border-radius: 4px;
}
#search-header .searchI input[type="search"]::-webkit-input-placeholder {
    line-height: 24px;
}
#search-header .searchI input[type="search"]:-ms-input-placeholder {
    line-height: 24px;
}
#search-header .searchI input[type="search"]:-moz-placeholder {
    line-height: 24px;
}
#search-header .searchI input[type="search"]::-moz-placeholder {
    line-height: 24px;
}
#search-header .searchI form .option {
    position: absolute;
    top: 7px;
    left: 8px;
    color: #53a2f8;
    font-size: 15px;
    line-height:17px;
    vertical-align: middle;
    width: 59px;
    height: 17px;
    border-right: 1px solid #0f58a6;
}
#search-header .option img {
    position: absolute;
    width: 14px;
    height: 14px;
    right: 5px;
    top: 2px;
}
#search-main .title {
    width: 100%;
    height: 56px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#search-main .title  li {
    width: 31%;
    text-align: center;
    background: #fff;
    height: 36px;
    color: #757575;
    position: relative;
    line-height: 36px;
}
#search-main .title  li:nth-child(2n){
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}
#search-main .title  li:nth-child(1){
    border-radius: 4px 0 0 4px;
}
#search-main .title  li span {
    vertical-align: middle;
}
#search-main .title  li span img {
    width: 20px;
    height: 20px;
    margin-right: 3px;
    vertical-align: text-top;
}
#search-main .title  li span i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    vertical-align: middle;
}
#search-main .title  li:nth-child(1) span i{
    background: url("../img/shop/gonghuo_weixuan.png") no-repeat center;
    background-size:cover;
}
#search-main .title  li:nth-child(2) span i{
    background: url("../img/shop/caigou_weixuan.png") no-repeat center;
    background-size:cover;
}
#search-main .title  li:nth-child(3) span i{
    background: url("../img/shop/dianpu_weixuan.png") no-repeat center;
    background-size:cover;
}
#search-main .title  .search-active:nth-child(1) span i{
background-image: url("../img/shop/gonghuo_yixuan.png");
}
#search-main .title  .search-active:nth-child(2) span i {
background-image:  url("../img/shop/caigou_yixuan.png");
}
#search-main .title  .search-active:nth-child(3) span i {
background-image: url("../img/shop/dianpu_yixuan.png");
}
/*#search-main .title  li:nth-child(1)::before,#search-main .title  li:nth-child(2)::before,#search-main .title  li:nth-child(3)::before {*/
    /*content: '';*/
    /*display: block;*/
    /*position: absolute;*/
    /*top: 8px;*/
    /*left: 10%;*/
    /*width: 20px;*/
    /*height: 20px;*/
/*}*/
/*#search-main .title  li:nth-child(1)::before {*/
    /*background: url("../img/shop/gonghuo_weixuan.png") no-repeat center;*/
    /*background-size: cover;*/
/*}*/
/*#search-main .title  li:nth-child(2)::before {*/
    /*background: url("../img/shop/caigou_weixuan.png") no-repeat center;*/
    /*background-size: cover;*/
/*}*/
/*#search-main .title  li:nth-child(3)::before {*/
    /*background: url("../img/shop/dianpu_weixuan.png") no-repeat center;*/
    /*background-size: cover;*/
/*}*/
/*#search-main .title  .search-active:nth-child(1)::before {*/
    /*background-image: url("../img/shop/gonghuo_yixuan.png");*/
/*}*/
/*#search-main .title  .search-active:nth-child(2)::before {*/
    /*background-image:  url("../img/shop/caigou_yixuan.png");*/
/*}*/
/*#search-main .title  .search-active:nth-child(3)::before {*/
    /*background-image: url("../img/shop/dianpu_yixuan.png");*/
/*}*/
#search-main .title  li:nth-child(2){
    border-radius: 0px 4px 4px 0px;
}
.search-active {
    background: #53a2f8 !important;
    color: #fff !important;
}
#search-main h3 {
    background: #fff;
    color: #4a4a4a;
    height: 42px;
    width: 100%;
    font-size: 14px;
    padding-left: 37px;
    line-height: 42px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}
#search-main h3::before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 10px;
    width: 17px;
    height: 17px;
    background: url("../img/shop/sousuolishi.png") no-repeat center;
    background-size: 17px 17px;
}
#search-main h3 span {
    width: 10%;
    height:100%;
    float: right;
    background: url("../img/shop/shanchu.png") no-repeat center;
    background-size: 20px 20px;
}
#search-main .search-history {
    background: #fff;
    width: 100%;
}
#search-main .search-history li {
    height: 42px;
    width: 100%;
    line-height: 42px;
    font-size: 15px;
    padding-left: 4%;
    border-bottom: 1px solid #e0e0e0;
}
#search-main .search-history li:last-child(1){
    border: none;
}
.header-tab{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    overflow: hidden;
}
.header-tab>  div{
    width: 100%;
    height: 44px;
    padding-left: 3%;
    background-color: #31A2FF;
}
.header-tab > div> a {
    display: block;
    width: 20%;
    height: 44px;
    position: absolute;
    left: 3%;
    z-index: 2;
}
.header-tab>  div span{
    display: inline-block;
    width: 11px;
    height: 44px;
    position: relative;
}
.header-tab > div span> img{
    width: 100%;
    height: 50%;
    position: absolute;
    top:25%;
}
.header-tab>  div >h5{
    width: 100%;
    height: 100%;
    line-height: 44px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
/*input, textarea {     border: 0; !* 方法1 *!     -webkit-appearance: none; !* 方法2 *! }*/
